<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">



		<br />
		<h:form>
		<div class="tituloSec">
					<h:outputText value="Crear Centro de Costos" />
				</div>
				<br />
				<h:panelGrid columns="5" style="width:100%" id="panelCampos">
					<h:panelGroup>
						<h:panelGrid columns="2" border="0">
							<h:outputText value="Nombre" styleClass="txtUnoVin" />
							<h:inputText styleClass="cajaSimple" value="#{crudCentroCostoBean.valorActual.nombre}" />
							<h:outputText value="Presupuesto inicial" styleClass="txtUnoVin" />
							<h:inputText styleClass="cajaSimple" value="#{crudCentroCostoBean.valorActual.presupuestoInicial}" >
							  <f:convertNumber pattern="###,###" />
							 </h:inputText> 
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:outputText value="Código" styleClass="txtUnoVin" />
							<h:inputText styleClass="cajaSimple" value="#{crudCentroCostoBean.valorActual.codigo}" />
							<h:outputText value="Estado" styleClass="txtUnoVin" />
							<h:selectOneMenu styleClass="combo"
						value="#{crudCentroCostoBean.valorActual.estado}">
						<f:selectItems value="#{cacheParametrosBean.estadosList}" />
					</h:selectOneMenu>
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:outputText value="Jefe" styleClass="txtUnoVin" />
							<h:selectOneMenu styleClass="combo" 
							value="#{crudCentroCostoBean.valorActual.jefe}" style="width:180px">
							<f:selectItems value="#{crudCentroCostoBean.usuariosList}" />
						</h:selectOneMenu>
						
						<h:outputText value="Empresa" styleClass="txtUnoVin" />
							<h:selectOneMenu styleClass="combo" 
							value="#{crudCentroCostoBean.valorActual.empresa}">
							<f:selectItems value="#{crudCentroCostoBean.empresasList}" />
						</h:selectOneMenu>
						</h:panelGrid>


					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							
						</h:panelGrid>


					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							
						</h:panelGrid>


					</h:panelGroup>

				</h:panelGrid>

				<div align="right">
					<h:panelGrid columns="2">
						<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" value="Guardar"
						action="#{crudCentroCostoBean.doSave}"
						render="panelCampos,tablaResultados">


					</a4j:commandButton>

				</h:panelGroup>
				<h:panelGroup>
					<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
						action="#{crudCentroCostoBean.doClean}"
						render="panelCampos,tablaResultados">

					</a4j:commandButton>

				</h:panelGroup>




					</h:panelGrid>

				</div>
				<br />

				<rich:dataTable id="tablaResultados" styleClass="tablas"
			rowClasses="impar,par" rows="5"
			value="#{crudCentroCostoBean.listaSimple}" style="width:100%"
			iterationStatusVar="varkey" var="fila">

			<rich:column style="width:35%">
				<f:facet name="header">
					<h:outputText value="ID" />
				</f:facet>
				<h:outputText value="#{fila.id}" />
			</rich:column>




			<rich:column style="width:45%">
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{fila.nombre}" />
					</rich:column>

					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Código" />
						</f:facet>
						<h:outputText value="#{fila.codigo}" />
					</rich:column>

					<rich:column style="width:20%">
						<f:facet name="header">
							<h:outputText value="Jefe" />
						</f:facet>
						<h:outputText value="#{fila.jefe}" />

					</rich:column>

					<rich:column style="width:15%">
						<f:facet name="header">
							<h:outputText value="Empresa" />
						</f:facet>
						<h:outputText value="#{fila.empresa}" />

					</rich:column>

					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{fila.estado}" />

					</rich:column>



					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Acciones" />
						</f:facet>
						<div align="center">
							<h:panelGrid columns="2">
								<h:panelGroup>
							<a4j:commandButton styleClass="botonModificar" value=" "
								action="#{crudCentroCostoBean.doEditable}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Modificar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudCentroCostoBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
						<h:panelGroup>
							<a4j:commandButton styleClass="botonEliminar" value=" "
								action="#{crudCentroCostoBean.doDeleted}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Eliminar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudCentroCostoBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>

							</h:panelGrid>
						</div>
					</rich:column>
					
					<f:facet name="footer">
				<rich:dataScroller id="paginadorResultados" />
			</f:facet>

				</rich:dataTable>
		
			
		</h:form>

</ui:composition>
